body {
	width: 100%;
	height: 100%;
	background: #232323;
	overflow-x: hidden;
}

* {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	box-sizing: border-box;
	outline: none;
	font-family: "微软雅黑";
}

a:hover {
	cursor: pointer;
	text-decoration: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.pr{
	position: relative;
}
.pa{
	position: absolute;
}
.tl{
	text-align: left;
}
.tr{
	text-align: right;
}
.tc{
	text-align: center;
}
.clearfix{
	clear: both;
}
		.col-md-4, .col-sm-4 , .col-xs-4{
			width: 33.333333333333333333333333333%;
	        position: relative;
		    min-height: 1px;
		    padding-right: 15px;
		    float: left;
		    padding-left: 15px;
		    text-align: center;
		}
.header{
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	background: #000;
}
.icon{
	left: 4%;
	top: -22%;
}
.icon img{
	width: 100%;
}
.show{
	height: 3rem;
	width: 100%;
	background: #000;
}
.show-img{
	height: 60%;
	width: 100%;
	text-align: center;
	padding: .2rem;
}
.show-img img{
	height: 100%;
}
.show-text{
	font-size: .28rem;
	color: #c4c2c2;
	text-align: center;
}
.trik{
	height: .5rem;
	width: 100%;
	background: #222222;
}
.meta{
	height: 2rem;
	width: 100%;
	background: #323232;
}
.meta p{
	height: .4rem;
	line-height: .5rem;
	font-size: .28rem;
	margin-top: .1rem;
	padding-left: 5%;
	padding-right: 5%;
	color: #f0eded;
}
.meta img{
	vertical-align: middle;
	width: 5%;
}
.img-last img{
	width: 4%;
}
.word-text{
	margin-left: 2%;
}
.word-text-last{
	margin-left: 3%;
}
.ralation{
	height: 3.2rem;
	width: 100%;
	position: fixed;
	bottom: -2.1rem;
    left: 0;
    padding-top: .2rem;
    z-index: 999;
    background: #000;
}
.col-md-4,.col-sm-4,.col-xs-4{
	width: 33.33333333333333333333333333333%;
}
.ralation-box{
	margin-right: 0;
}
.ralation-box .tc{
	color: #FFFFFF;
	font-size: .16rem;
	margin-top: .1rem;
}
.img-icon{
	width: 25%;
	margin: 0 auto;
}
.img-icon img{
	width: 75%;
	display: block;
	margin: 0 auto;
}
.ralation .fl .difault{
	color: #939393;
}

